<template>
  <div>
    <!-- 我的监控 -->
    <h2>TCP 服务端数据：</h2>
    <v-container>
      <v-row>
        <v-col cols="12">
          <v-card>
            <v-card-text>
              <v-card-tite>设备监控</v-card-tite>
            <v-data-table    
            :headers="headers"
            :items="devices"
            :items-per-page="5"
            class="elevation-1"
            >
            </v-data-table>
           </v-card-text>
          </v-card>
        </v-col>
      </v-row>
    </v-container>
  </div>
</template>

<script>
export default {
  data(){
    return{
    headers:[
      {text:'设备ID', value:'id'},
      {text:'设备名称', value:'name'},
      {text:'状态', value:'status'},
      {text:'最后更新时间', value:'lastUpdated'}
    ],
    devices:[
      {id:1,name:'设备1', status:'在线', lastUpdate:'2024-12-05 12:00:00'},
      {id:2,name:'设备2', status:'离线', lastUpdate:'2024-12-05 10:00:00'},
    ],
  }
  }
 

}
</script>

<style scoped>

</style>